<!DOCTYPE html>
<html>
<head>
    <title></title>
    #parse("sys/header.html")
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList" class="conversion">
        <Row :gutter="16">
            <div class="search-group">
                <i-col span="2">
                    <i-input v-model="q.sysMobile" placeholder="转账人手机号" :maxlength="11" clearable/>
                </i-col>
                <i-col span="2">
                    <i-input v-model="q.nideshopMobile" placeholder="收款人手机号" :maxlength="11" clearable/>
                </i-col>
                <i-col span="5">
                    <Date-picker v-model="q.dateRange" type="datetimerange" format="yyyy-MM-dd HH:mm:ss" placeholder="日期选择" style="width:100%"></Date-picker>
                </i-col>
                <i-col span="2">
                    <i-select v-model="q.remitStatus" clearable placeholder="申请进度">
                        <i-option v-for="item in status" :value="item.id" :key="item.id">{{item.name}}
                        </i-option>
                    </i-select>
                </i-col>
                <i-col span="2">
                    <i-button @click="query"  type="primary" icon="ios-search">查询</i-button>
                </i-col>
            </div>
            <div class="buttons-group">
                #if($shiro.hasPermission("remit:update"))
                <i-button type="warning" @click="update" v-if="false"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</i-button>
                #end
                #if($shiro.hasPermission("remit:update"))
                <i-button type="warning" @click="defeated"><i class="fa fa-pencil-square-o"></i>&nbsp;失败</i-button>
                #end
                #if($shiro.hasPermission("remit:update"))
                <i-button type="info" @click="remitted"><i class="fa fa-pencil-square-o"></i>&nbsp;已汇款</i-button>
                #end
            </div>
        </Row>
        <div>
            <table id="jqGrid"></table>
            <div id="jqGridPager"></div>
        </div>
    </div>
    <Card v-show="!showList">
        <p slot="title">{{title}}</p>
        <i-form ref="formValidate" :model="remit" :rules="ruleValidate" :label-width="100" class="conversion-form">
            <Form-item label="转账人" prop="sysName">
                <i-input v-model="remit.sysName" placeholder="转账人姓名" disabled />
            </Form-item>
            <Form-item label="转账人手机号" prop="sysMobile">
                <i-input v-model="remit.sysMobile" placeholder="转账人手机号码" disabled />
            </Form-item>
            <Form-item label="收款人" prop="nideshopName">
                <i-input v-model="remit.nideshopName" placeholder="收款人" disabled />
            </Form-item>
            <Form-item label="收款人手机号" prop="nideshopMobile">
                <i-input v-model="remit.nideshopMobile" placeholder="收款人手机号" disabled />
            </Form-item>
            <Form-item label="申请时间" prop="applyTime">
                <i-input v-model="remit.applyTime" placeholder="申请时间" disabled />
            </Form-item>
            <Form-item label="完成时间" prop="remitTime">
                <i-input v-model="remit.remitTime" placeholder="完成时间" disabled />
            </Form-item>
            <Form-item label="购物劵类型" prop="remitType">
                <i-input v-model="remit.remitType" placeholder="购物劵类型" disabled />
            </Form-item>
            <Form-item label="申请进度" prop="remitStatus">
                <i-select v-model="remit.remitStatus" placeholder="申请进度">
                    <i-option v-for="item in status" :value="item.id" :key="item.id">{{item.name}}
                    </i-option>
                </i-select>
            </Form-item>
            <Form-item label="购物劵金额" prop="remitFee">
                <i-input v-model="remit.remitFee" placeholder="购物劵金额" disabled />
            </Form-item>
            <Form-item label="银行类型" prop="bankName">
                <i-input v-model="remit.bankName" placeholder="银行类型" disabled />
            </Form-item>
            <Form-item label="开户行" prop="openingBank">
                <i-input v-model="remit.openingBank" placeholder="开户行" disabled />
            </Form-item>
            <Form-item label="账户" prop="account">
                <i-input v-model="remit.account" placeholder="账户" disabled />
            </Form-item>
            <Form-item label="户主" prop="userName">
                <i-input v-model="remit.userName" placeholder="户主" disabled />
            </Form-item>
            <Form-item label="银行卡类型" prop="cardTypeName">
                <i-input v-model="remit.cardTypeName" placeholder="银行卡类型" disabled />
            </Form-item>
            <Form-item>
                <i-button type="primary" @click="handleSubmit('formValidate')">提交</i-button>
                <i-button type="warning" @click="reload" style="margin-left: 8px"/>返回</i-button>
            </Form-item>
        </i-form>
    </Card>
</div>

<script src="${rc.contextPath}/js/shop/conversion.js?_${date.systemTime}"></script>
<style>
    .conversion .label-primary{
        background-color: #007aff;
    }
    .conversion .label-purple{
        color: #fff;
        background-color: #8a6de9;
    }
    .conversion .label-success{
        background-color: #4cd964;
    }
    .conversion .label-error{
        color: #fff;
        background-color: #dd524d;
    }
    .conversion-form .ivu-input[disabled], fieldset[disabled] {
        color: #f70707;
    }
</style>
</body>
</html>
